.css-body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    background-color:#242227;
    margin:0px;
    padding:0px;
}

.toolbar {
    background-color: #242227;
    height:75px;
    width:100%;
    margin:0px;
    padding:0px;
}

.intro {
    background-color:#F5F5F3;
    height:500px;
    width:100%;
    margin:0px;
    padding:0px;
}

.resume:link, .resume:visited {
    background-color: #242227;
    color: #87A0A6;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.css-about {
    background-color:#DB8C96;
    height:300px;
    width:100%;
    margin:2px;
    padding:0px;
    vertical-align: middle;
}

.dark-on-white {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #242227;
    font-size: 20px;
}

.css-exp {
    text-align: center;
    display: block;
    height:300px;
    width:100%;
    margin-top:2px;
    padding:0px;
    transition: width 2s ease, background-color 2s ease;
}

.css-exp:hover {
    width:40%;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.css-ref {
    background-color:#F5F5F3;
    height:200px;
    width:100%;
    margin:0px;
    padding:0px;
}

.css-ref-txt {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #8A676D;
    width: 50%;
    font-style: italic;
    font-size: 18px;
}

.exp-text {
    flex-grow: 1;
    width: 0;
    margin-top:2px;
    min-width: 0px;
    overflow: hidden;
}

.exp-li {
    list-style-type: disc;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #8A676D;
    font-size: 20px;
    margin-left: 5%;
    line-height: 1.5;
}

.css-education {
    height: 200px;
    background-color:#242227;
    width:100%;
    margin:0px; 
    margin-bottom: 3px;
    padding-top:0px;
}

#rcorners {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px; 
    width: 200px;
    height: 150px;  
  }